<template>
    <div>
      <div>
        <input type="text" v-model="id"
               placeholder="请输入需要查询的用户id">
        <a :href="`/#/User/${id}`">查询</a>
      </div>
      <router-view></router-view>
    </div>
</template>

<script>
    export default {
        name: "User",
        data(){
          return {
            id:""
          }
        }
    }
</script>

<style scoped>
  a{
    display: inline-block;
    width: 40px;
    height: 25px;
    background: pink;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    font-size: 12px;

    text-decoration: none;
  }
</style>
